<!DOCTYPE html>
<html lang="en">
  
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="<?php echo isset($meta_deskripsi)?$meta_deskripsi:''?>">
	<meta name="tags" content="<?php echo isset($meta_tags)?$meta_tags:''?>">
	<meta property="og:image" content="<?php echo isset($seo_gambar)?$seo_gambar:''?>" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="<?php echo isset($judul)?$judul:''?>" />
	<meta property="og:description" content="<?php echo isset($meta_deskripsi)?$meta_deskripsi:''?>" />
	<meta property="og:url" content="<?php echo isset($seo_url)?$seo_url:''?>" />
	<meta property="og:site_name" content="Time Excelindo" />
	<meta property="article:publisher" content="Time Excelindo" />
	<meta property="article:published_time" content="<?php echo isset($seo_tanggal)?$seo_tanggal:''?>" />
	<meta property="article:modified_time" content="<?php echo isset($seo_tanggal)?$seo_tanggal:''?>" />
	
  <meta name="author" content="Time Excelindo">
  <link rel="shortcut icon" href="<?php echo base_url()?>asset/images/favicon.png">

  <title><?php echo isset($judul)?$judul:''?></title>

  <link href="<?php echo base_url()?>asset/css/custom.css" rel="stylesheet">
  <!-- Bootstrap core CSS -->
  <link href="<?php echo base_url()?>asset/css/bootstrap.css" rel="stylesheet">
  <!-- untuk animasi client -->
  <link rel="stylesheet" id="theme-css" href="<?php echo base_url()?>asset/css/css-client/style.css" type="text/css" media="all">
  <link rel="stylesheet" id="color-css" href="<?php echo base_url()?>asset/css/css-client/color-style1.css" type="text/css" media="all">
  <link rel="stylesheet" id="responsive-css" href="<?php echo base_url()?>asset/css/css-client/responsive.css" type="text/css" media="all">
	
  <!-- end animasi client -->
  <!-- slider portofolio -->
  <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>asset/css/css-portofolio/demo.css" />
  <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>asset/css/css-portofolio/elastislide.css" />
  <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>asset/css/css-portofolio/custom.css" />
  <script src="<?php echo base_url()?>asset/js/js-portofolio/modernizr.custom.17475.js"></script>
  <!-- end slider portofolio -->
  <!-- untuk menu atas -->
  <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>asset/css/css-menu/style.css" />
  <!-- end untuk menu atas -->

  <!-- css all client -->
  <link href="<?php echo base_url()?>asset/css/css-allclient/all.css" rel="stylesheet">

  <link rel="stylesheet"  href="<?php echo base_url()?>asset/css/css-allclient/style.css" type="text/css" media="all">
  <link rel="stylesheet"  href="<?php echo base_url()?>asset/css/css-allclient/fresco/fresco.css" type="text/css" media="all">
  <!-- end css all client -->
  <!-- css sidebar slider-->
  <link href="<?php echo base_url()?>asset/css/css-sidebar/sidebar.css" rel="stylesheet">
  <!-- end css sidebar slider-->
   <!-- css share-->
  <link href="<?php echo base_url()?>asset/css/css-share/smpl-share.css" rel="stylesheet">
  <!-- end css share-->
   <script src="<?php echo base_url()?>asset/js/jquery.js"></script>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
    <script src="../../assets/js/html5shiv.js"></script>
    <script src="../../assets/js/respond.min.js"></script>
  <![endif]-->
	
  <link href='<?php echo base_url(); ?>asset/css/css-calendar/fullcalendar.css' rel='stylesheet' />
  <link href='<?php echo base_url(); ?>asset/css/css-calendar/fullcalendar.print.css' rel='stylesheet' media='print' />
  <link href='<?php echo base_url(); ?>asset/css/css-datepicker/datepicker.css' rel='stylesheet'/>
  
	<style type="text/css">
	.active {
		color: red;
	}
	</style>

  </head>

  <body>
    <div id="top"></div>
    <div class="navbar navbar-inverse shadow navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="row">
          <div class="col-md-10 col-md-offset-1">
            <div class="row">
              <div class="col-lg-4">
                <div class="logo">
                  <a href="<?php echo site_url('main');?>"><img src="<?php echo base_url()?>asset/images/logo.png" alt="Time Exelindo"></a>
                <div class="clearfix"></div>
                </div>
              <div class="clearfix"></div>
              </div>
              <div class="col-lg-8 margin-top-menu">
                <div id="menu1" class="menu_container green full_width">
                  <label for="hidden_menu_collapser" class="mobile_collapser">
                    <span class="glyphicon glyphicon-th-list"></span>&nbsp;&nbsp;Menu
                  </label> <!-- Mobile menu title -->
                  <input id="hidden_menu_collapser" type="checkbox">
                  <ul>
                   <li><a href="<?php echo site_url('main');?>">Home</a></li>
                    <li>
                      <a href="#">Profil</a>
                      <div class="menu_dropdown_block">
                        <ul class="menu_submenu_block">
                          <?php echo get_menu_page();?>
                        </ul>
                      </div>
                    </li>
                    <li>
                      <a href="#">Our Services</a>
                      <div class="menu_dropdown_block">
                        <ul class="menu_submenu_block">
                        <?php echo  get_tree_menu();?>
                      </div>
                    </li>
                    <li>
                      <a href="#">Our Products</a>
                      <div class="menu_dropdown_block">
                        <ul class="menu_submenu_block">
                          <li><a href="<?php echo site_url('all_products');?>">Products</a></li>
                          <li><a href="<?php echo site_url('all_portofolio');?>">Project Portfolio</a></li>
							            <li><a href="<?php echo site_url('all_client');?>">Client</a></li>
                        </ul>
                      </div>
                    </li>
                    <li>
                      <a href="#">Career</a>
                      <div class="menu_dropdown_block">
                        <ul class="menu_submenu_block">
                          <li><a href="<?php echo site_url('career');?>">Lowongan Pekerjaan</a></li>
                          <li><a href="<?php echo site_url('magang');?>">Informasi Magang</a></li>
                        </ul>
                      </div>
                    </li>
                    <li><a href="<?php echo site_url('all_news');?>">News</a></li>
                    <li><a href="<?php echo site_url('page/contact-us')?>">Contact</a></li>
                  </ul>
                </div><!-- /menu -->                

              <div class="clearfix"></div>
              </div>
            <div class="clearfix"></div>
            </div>
          <div class="clearfix"></div>            
          </div>
        </div>
      <div class="clearfix"></div>
      </div>
      <div class="clearfix"></div>
    </div>
<!-- start content -->
    <?php
      $this->load->view($main_content);
    ?>
<!-- end content -->

<!-- start footer --> 
    <div class="outer100footer">
      <div class="container">
        <div class="row">
          <div class="col-md-10 col-md-offset-1 margin-container-login">
            <div class="row">
              <div class="col-sm-4">
                <div class="outer-nobg col-footer">
                  <h4>About Us</h4>
                  <p>
                    <?php
					$tmp_konten=strip_tags($tentang['konten']);
					$konten = word_limiter($tmp_konten, 20);
					echo $konten;
					?>
					<br/>
					<b><a href="<?php echo site_url('page/about-us')?>">Selengkapnya</a></b>
                  </p>
                <div class="clearfix"></div>
                </div>
              </div>
              <div class="col-sm-4">
                <div class="outer-nobg col-footer">
                  <h4>Office Yogyakarta</h4>
                  <p>
                    Jalan Ring Road Utara, Condong Catur, Depok, Sleman, Yogyakarta <br>
                    <strong>Phone:</strong> +62 274 4477817 <br>
                    <strong>Fax:</strong> +62 274 4477823 <br>
                    <strong>Email:</strong> info@excelindo.co.id
                  </p>
                <div class="clearfix"></div>
                </div>
              </div>
              <div class="col-sm-4">
                <div class="outer-nobg col-footer">
                  <h4>Office Jakarta</h4>
                  <p>
                    Bumi Serpong Damai (BSD) 
                    Sektor VII blok RO no. 75 lantai 1
                    Jakarta <br>
                    <strong>Phone:</strong> +62 21 53152366 <br>
                    <strong>Email:</strong> info@excelindo.co.id
                  </p>
                <div class="clearfix"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    <div class="clearfix"></div>
    </div>
    <div class="outer100footer-b">
      <div class="container">
        <div class="row">
          <div class="col-md-10 col-md-offset-1">
            Copyright &copy; 2014 Time Exelindo.
          </div>
        </div>
      </div>
    </div>
    <!-- end footer --> 
    <!-- Scrool Top -->
    <style type="text/css">
      .scrollToTop{
        width:12px; 
        height:40px; 
        text-align:center; 
        font-weight: bold;
        color: red;
        text-decoration: none;
        position:fixed;
        bottom:5px;
        right:10px;
        display:none;
      }
      .scrollToTop:hover{
        text-decoration:none;
      }
    </style>
    <script type="text/javascript">
    $(document).ready(function(){
  
      //Check to see if the window is top if not then display button
      $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
          $('.scrollToTop').fadeIn();
        } else {
          $('.scrollToTop').fadeOut();
        }
      });
      
      //Click event to scroll to top
      $('.scrollToTop').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
      });
      
    });
    </script>
    <a href="#" class="scrollToTop"><img src="<?php echo base_url()?>asset/images/up.png" width="15"></a>
    <!-- End Scrool Top -->
    
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
    <script src="<?php echo base_url()?>asset/js/bootstrap.min.js"></script>
    <script src="<?php echo base_url()?>asset/js/holder.js"></script>
    <!-- for slide -->
    <script>
      $('.carousel').carousel({
        interval: 4000
      })
    </script>
    <!-- end slide -->
    <!-- js animasi client -->
    <script src="<?php echo base_url()?>asset/js/js-client/jqnrecckg10q.js" async="" type="text/javascript"></script>
    <script src="<?php echo base_url()?>asset/js/js-client/ga.js" async="" type="text/javascript"></script>
    <script type="text/javascript" src="<?php echo base_url()?>asset/js/js-client/jquery_003.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>asset/js/js-client/custom.js"></script>
    <!-- end js animasi client -->
    <!-- slider portofolio -->
    <script type="text/javascript" src="<?php echo base_url()?>asset/js/jquery.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>asset/js/js-portofolio/jquerypp.custom.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>asset/js/js-portofolio/jquery.elastislide.js"></script>
    <script type="text/javascript">
      $( '#carousel' ).elastislide();
    </script>
    <!-- end slider portofolio -->
    <!-- Chart Js -->
    <!--<script type="text/javascript" src="<?php echo base_url()?>asset/js/chartjs/Chart.js"></script>-->
    <!-- end Chart Js -->
	
	<!-- Highchart -->
	<script type="text/javascript" src="<?php echo base_url()?>asset/js/js-chart/exporting.js"></script>
	<script type="text/javascript" src="<?php echo base_url()?>asset/js/js-chart/highcharts.js"></script>
	<!-- End Highchart -->

    <!-- sidebar slider -->
    <script type="text/javascript" src="<?php echo base_url()?>asset/js/js-sidebar/sidebar.js"></script>
    <script type="text/javascript">
      $(function() {
        $("#newsticker-demo").jCarouselLite({
          vertical: true,
          hoverPause:true,
          btnPrev: ".previous1",
          btnNext: ".next1",
          visible: 2,
          auto:3000,
          speed:500
        });
      });
    </script>
	
	<script type="text/javascript">
      $(function() {
        $("#newsticker-demo2").jCarouselLite({
          vertical: true,
          hoverPause:true,
          btnPrev: ".previous2",
          btnNext: ".next2",
          visible: 2,
          auto:3000,
          speed:500
        });
      });
    </script>
    <!-- end sidebar slider -->
    <!-- menu atas -->
    <script type="text/javascript" src="<?php echo base_url()?>asset/js/js-menu/script.js"></script>
    <!-- <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> -->
    <!-- end menu atas -->
    <!-- lightbox all client -->
      <!--<script type="text/javascript" src="<?php echo base_url()?>asset/js/js-allclient/fresco.js"></script>-->
    <script>
    document.write('<script src=third-party-libs/' +
      ('__proto__' in {} ? 'zepto' : 'jquery') +
      '.min.js><\/script>')
    </script>
    <script src="<?php echo base_url()?>asset/js/js-allclient/zepto.js"></script>
    <script src="<?php echo base_url()?>asset/js/js-allclient/jquery.js"></script>
    
  	<!-- Javascript share social media -->
    <script type="text/javascript" src="<?php echo base_url()?>asset/js/js-share/smpl-share.js"></script>
    <script>
  		$(".smpl-share").smplShare({
  			services: ['twitter', 'facebook', 'googleplus', 'linkedin']
  		});
  	</script>

     <!-- end lightbox all client -->
    <!-- for tab content
    <script>
          $('#myTab a').click(function (e) {
      e.preventDefault()
      $(this).tab('show')
    })
    </script>
     end tab content -->

    <script>
    var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
    $.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the Bootstrap functionality
    </script>
	
    <script src='<?php echo base_url(); ?>asset/js/js-calendar/moment.min.js'></script>
    <script src="<?php echo base_url(); ?>asset/js/js-calendar/fullcalendar.min.js"></script>

    <script src="<?php echo base_url(); ?>asset/js/jquery.validate.js"></script>
    <script src="<?php echo base_url(); ?>asset/js/js-datepicker/bootstrap-datepicker.js"></script>
    <script src="<?php echo base_url(); ?>asset/js/js-datepicker/bootstrap-datepicker.id.js"></script>
    <script>
    $('.tanggal').datepicker({
      format: "dd/mm/yyyy",
      language: "id",
    autoclose: true
    });
    </script>
  </body>

<!-- Mirrored from getbootstrap.com/examples/starter-template/ by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 02 Oct 2013 12:14:27 GMT -->
</html>
